<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <div class="header">
        <div class="header-c clear contain">
            <div class="logo">
                <img src="./img/logo.png" alt="">
            </div>
            <ul class="header-btn clear">
                <li>
                    <a href="./index.html">首页</a>
                    <span class="line active"></span>
                </li>
                <li>
                    <a href="./wedding-dress.html">婚纱礼服</a>
                    <span class="line"></span>
                </li>
                <li>
                    <a href="./jewellery.html">
                        珠宝配饰
                    </a>
                    <span class="line"></span>
                </li>
                <li>
                    <a href="./laster-event.html">最新活动</a>
                    <span class="line"></span>
                </li>
                <li>
                    <a href="./about.html">关于我们</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>
    <div class="banner">
        <div class="arrow-left">
            <img src="./img/arrow-left.png" alt="">
        </div>
        <div class="arrow-right">
            <img src="./img/arrow-right.png" alt="">
        </div>
        <div class="dot-c">
            <span class="dot-r"></span>
            <span class="dot-l"></span>
        </div>
    </div>
    <div class="wed-dress">
        <div class="wed-dress-c contain">
            <div class="title-c">
                <p class="title-info">婚纱礼服</p>
                <p>wedding Dress</p>
            </div>
            <ul class="wed-dress-kind-list">
                <li class="frist">新品/NEW</li>
                <li>2018春夏</li>
                <li>2018秋冬</li>
                <li>专属定制</li>
            </ul>
            <ul class="wed-dress-list">
                <li>
                    <div class="wed-dress-detail frist">
                        <p class="wed-dress-title">HER STYLE / 一字肩拖尾主纱</p>
                        <p>$5389.00</p>
                        <p>白色 / M / VK2531</p>
                    </div>
                    <div class="gray-bgd"></div>
                </li>
                <li>
                    <div class="wed-dress-detail">
                        <p class="wed-dress-title">HER STYLE / 一字肩拖尾主纱</p>
                        <p>$5389.00</p>
                        <p>白色 / M / VK2531</p>
                    </div>
                    <div class="gray-bgd"></div>

                </li>
                <li>
                    <div class="wed-dress-detail">
                        <p class="wed-dress-title">HER STYLE / 一字肩拖尾主纱</p>
                        <p>$5389.00</p>
                        <p>白色 / M / VK2531</p>
                    </div>
                    <div class="gray-bgd"></div>

                </li>
                <li>
                    <div class="wed-dress-detail">
                        <p class="wed-dress-title">HER STYLE / 一字肩拖尾主纱</p>
                        <p>$5389.00</p>
                        <p>白色 / M / VK2531</p>
                    </div>
                    <div class="gray-bgd"></div>
                </li>
            </ul>
            <div class="more-btn">
                MORE
            </div>
        </div>
    </div>
    <div class="jewelry-accessories">
        <div class="jewelry-accessories-c contain">
            <div class="title-c">
                <p class="title-info">珠宝配饰</p>
                <p>jewelry-accessories</p>
            </div>
            <ul class="jewelry-accessories-list">
                <li>
                    <div class="jewelry-accessories-det frist">
                        <p class="det-tit">传世之作，经典重现</p>
                        <p>维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
                <li>
                    <div class="jewelry-accessories-det">
                        <p class="det-tit">传世之作，经典重现</p>
                        <p>维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
                <li>
                    <div class="jewelry-accessories-det">
                        <p class="det-tit">传世之作，经典重现</p>
                        <p>维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
                <li>
                    <div class="jewelry-accessories-det">
                        <p class="det-tit">传世之作，经典重现</p>
                        <p>维罗尼卡倾情呈现“斑斓之境”（The ...</p>
                    </div>
                </li>
            </ul>
            <div class="more-btn">
                MORE
            </div>
        </div>
    </div>
    <div class="latest-events">
        <div class="latest-events-c contain">
            <div class="title-c">
                <p class="title-info">最近活动</p>
                <p>latest-events</p>
            </div>
            <div class="latest-events-list">
                <div class="latest-events-item">
                    <div class="latest-events-item-c">
                        <p class="latest-events-date">
                            <span class="month-day">06-18</span>
                            <span class="year">2017</span>
                        </p>
                        <p class="latest-events-title">新品发布会</p>
                        <p class="latest-events-detail">伴随着T台两侧色彩趋势报告的发布，
                            VERONICA2017婚纱新品发布会正...
                        </p>
                        <div class="latest-events-detail-more clear">
                            <p>more</p>
                            <img src="./img/small-arrow-right.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="latest-events-item">
                    <img src="./img/latest-event-img.jpg" alt="">
                </div>
                <div class="latest-events-item">
                    <div class="latest-events-item-c">
                        <p class="latest-events-date">
                            <span class="month-day">12-24</span>
                            <span class="year">2017</span>
                        </p>
                        <p class="latest-events-title">圣诞高级定制发布会</p>
                        <p class="latest-events-detail">《金字塔铭文》中有这样的话：“天空
                            把自己的光芒伸向你，以便你可以去到...
                        </p>
                        <div class="latest-events-detail-more clear">
                            <p>more</p>
                            <img src="./img/small-arrow-right.png" alt="">
                        </div>
                    </div>
                </div>
                <div class="latest-events-item">
                    <div class="latest-events-item-c">
                        <p class="latest-events-date">
                            <span class="month-day">06-21</span>
                            <span class="year">2017</span>
                        </p>
                        <p class="latest-events-title">夏季新品发布会</p>
                        <p class="latest-events-detail">“我非常欣赏并且热爱美国。因为
                            这里是我获得成功的地方。在许...
                        </p>
                        <div class="latest-events-detail-more clear">
                            <p>more</p>
                            <img src="./img/small-arrow-right.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="more-btn">
                MORE
            </div>
        </div>
    </div>
    <div class="designer">
        <div class="designer-c contain">

        </div>
    </div>
    <div class="designers">
        <div class="designers-c contain">
            <div class="designers-title-c title-c">
                <p class="designers-info title-info">最近活动</p>
                <p>Designers</p>
            </div>
            <ul class="designers-list">
                <li class="designers-item">
                    <img src="./img/designers-1.jpg" alt="">
                    <p class="designer-name">Jason . W</p>
                    <p class="designer-position">首席设计师</p>
                    <p class="designer-detail">法国时装设计师，VERONICA品牌创始人之一，设计
                        总监，2016福布斯最具影响力的设计师...</p>
                    <div class="more-btn">
                        MORE
                        <span class="line"></span>
                    </div>
                </li>
                <li class="designers-item">
                    <img src="./img/designers-2.jpg" alt="">
                    <p class="designer-name">Jason . W</p>
                    <p class="designer-position">首席设计师</p>
                    <p class="designer-detail">法国时装设计师，VERONICA品牌创始人之一，设计
                        总监，2016福布斯最具影响力的设计师...</p>
                    <div class="more-btn">
                        MORE
                        <span class="line"></span>
                    </div>
                </li>
                <li class="designers-item">
                    <img src="./img/designers-3.jpg" alt="">
                    <p class="designer-name">Jason . W</p>
                    <p class="designer-position">首席设计师</p>
                    <p class="designer-detail">法国时装设计师，VERONICA品牌创始人之一，设计
                        总监，2016福布斯最具影响力的设计师...</p>
                    <div class="more-btn">
                        MORE
                        <span class="line"></span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="footer">
        <div class="footer-c contain">
            <div class="license-key">
                <p>网站备案号：豫ICP备110121210号</p>
                <p>增值电信业务经营许可证号：豫B2-20100033</p>
            </div>
            <div class="contact-info">
                <p>
                    &#169 2018 VERONICA
                </p>
                <p>联系我们</p>
                <p>加入我们</p>
            </div>

        </div>
    </div>
</body>

</html>